<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">

		<link rel="stylesheet" href="css/zhuyemian.css"/>
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="stylesheet" href="css/record.css" />
		<title>主首页</title>
	</head>
	<body>
	<div class="nav-top-wrap">
    <ul class="nav-top">
        <li class="nav">
            <a href="zhushouye.html">首页</a>
        </li>
        <li class="nav">
            <a href="law-index.html">海洋法</a>
        </li>
            <img src="img/logo.png" alt="">
        <li class="nav">
            <a href="child.html">走进海洋</a>
        </li>
        <li class="nav">
            <a href="wode.html">个人中心</a>
        </li>
    </ul>
</div>
<div class="color" style="height: 50px;width: 100%;background-color: #027acb;">

</div>
		
		<img class="J_banner J_banner1" src="img/首页.png" style="width: 100%;height: 250px;z-index: -1;"/>
		
		<div id="frame">
			<div id="frame2">
				<ul>
					<li id="list2">海洋新闻  <div id="list3">更多</div><img src="img/图标.png" id="img"></li>
					<li id="list"style="margin-top: 40px;">自然资源部召开第2次党组会议<div id="list4">03-29</div></li>
					<li id="list">自然资源部召开第1次党组会议<div id="list4">03-28</div></li>
					<li id="list">自然资源部召开党组（扩大）. . .<div id="list4">03-27</div></li>
					<li id="list">中国海警舰船编队3月23日在. . .      <div id="list4">03-23</div></li>
					<li id="list">陆昊任自然资源部部长<div id="list4">03-20</div></li>
					<li id="list">王宏局长传达学习党的十九届. . .     <div id="list4">03-19</div></li>
					<li id="list">国家海洋局发布三个海洋公报<div id="list4">03-18</div></li>
				</ul>
				
			</div>
			
			<div id="frame2">
				<li id="list2">海洋新闻  <div id="list3"></li>
				<img src="img/国际海洋法.png" id="img2" />
				<p id="p">中央气象台推出海上大风预警、海洋天气公报、近海海区指导预报、远海海区预报、北太平洋海平面实况形势分析、北太平洋海平面形势预报 . . .</p>
			</div>
			
			<div id="frame2">
				<ul>
					<li id="list2">海洋保护 <div id="list3">更多</div><img src="img/图标.png" id="img"></li>
					<li id="list"style="margin-top: 40px;">谱写特区海洋保护协奏曲<div id="list4">2015.05.08</div></li>
					<li id="list">山东实施海洋保护区分类管理<div id="list4"> 2015.12.29</div></li>
					<li id="list">加大海洋保护区建设管理力度<div id="list4">2013.03.11</div></li>
					<li id="list">蓝丝带海洋保护志愿者在行动 <div id="list4">2012.05.15</div></li>
					<li id="list">沧州：海洋保护带来秀美环境<div id="list4">2011.11.18</div></li>
					<li id="list">我国海洋保护区建设稳步推进<div id="list4">2016.05.25</div></li>
					<li id="list">扎实推进海洋保护与建设事. . .<div id="list4">2015.07.20</div></li>
				</ul>
			</div>
			
		</div>
		
		<footer>
    		<div class="footer-bg">
        	<p>版权声明</p>
    		</div>
		</footer>
	</body>
</html>
